﻿<html>
<head>
    <title>fontawesome 图标</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/admin.lib.min.css" />
</head>
<body>
<div class="container">
    <div class="row" style="font-size:1.5em">
        <div class="col-xs-12">
            <h3 class="header smaller lighter blue">361个图标
				<small>
                    <a href="http://fontawesome.io/icons/" target="_blank">(查看所有图标<i class="fa fa-external-link"></i>)
                    </a>
                </small>
            </h3>
        </div>

        <div class="col-xs-6 col-sm-3">
            <ul class="list-unstyled">
                <li>
                    <i class="fa fa-adjust"></i>
                    fa-adjust
                </li>

                <li>
                    <i class="fa fa-asterisk"></i>
                    fa-asterisk
                </li>

                <li>
                    <i class="fa fa-ban-circle"></i>
                    fa-ban-circle
                </li>

                <li>
                    <i class="fa fa-bar-chart"></i>
                    fa-bar-chart
                </li>

                <li>
                    <i class="fa fa-barcode"></i>
                    fa-barcode
                </li>

                <li>
                    <i class="fa fa-beaker"></i>
                    fa-beaker
                </li>

                <li>
                    <i class="fa fa-beer"></i>
                    fa-beer
                </li>

                <li>
                    <i class="fa fa-bell"></i>
                    fa-bell
                </li>

                <li>
                    <i class="fa fa-bell-alt"></i>
                    fa-bell-alt
                </li>

                <li>
                    <i class="fa fa-bolt"></i>
                    fa-bolt
                </li>

                <li>
                    <i class="fa fa-book"></i>
                    fa-book
                </li>

                <li>
                    <i class="fa fa-bookmark"></i>
                    fa-bookmark
                </li>

                <li>
                    <i class="fa fa-bookmark-empty"></i>
                    fa-bookmark-empty
                </li>

                <li>
                    <i class="fa fa-briefcase"></i>
                    fa-briefcase
                </li>

                <li>
                    <i class="fa fa-bullhorn"></i>
                    fa-bullhorn
                </li>

                <li>
                    <i class="fa fa-calendar"></i>
                    fa-calendar
                </li>

                <li>
                    <i class="fa fa-camera"></i>
                    fa-camera
                </li>

                <li>
                    <i class="fa fa-camera-retro"></i>
                    fa-camera-retro
                </li>

                <li>
                    <i class="fa fa-certificate"></i>
                    fa-certificate
                </li>
            </ul>
        </div>

        <div class="col-xs-6 col-sm-3">
            <ul class="list-unstyled">
                <li>
                    <i class="fa fa-check"></i>
                    fa-check
                </li>

                <li>
                    <i class="fa fa-check-empty"></i>
                    fa-check-empty
                </li>

                <li>
                    <i class="fa fa-circle"></i>
                    fa-circle
                </li>

                <li>
                    <i class="fa fa-circle-blank"></i>
                    fa-circle-blank
                </li>

                <li>
                    <i class="fa fa-cloud"></i>
                    fa-cloud
                </li>

                <li>
                    <i class="fa fa-cloud-download"></i>
                    fa-cloud-download
                </li>

                <li>
                    <i class="fa fa-cloud-upload"></i>
                    fa-cloud-upload
                </li>

                <li>
                    <i class="fa fa-coffee"></i>
                    fa-coffee
                </li>

                <li>
                    <i class="fa fa-cog"></i>
                    fa-cog
                </li>

                <li>
                    <i class="fa fa-cogs"></i>
                    fa-cogs
                </li>

                <li>
                    <i class="fa fa-comment"></i>
                    fa-comment
                </li>

                <li>
                    <i class="fa fa-comment-alt"></i>
                    fa-comment-alt
                </li>

                <li>
                    <i class="fa fa-comments"></i>
                    fa-comments
                </li>

                <li>
                    <i class="fa fa-comments-alt"></i>
                    fa-comments-alt
                </li>

                <li>
                    <i class="fa fa-credit-card"></i>
                    fa-credit-card
                </li>

                <li>
                    <i class="fa fa-dashboard"></i>
                    fa-dashboard
                </li>

                <li>
                    <i class="fa fa-desktop"></i>
                    fa-desktop
                </li>

                <li>
                    <i class="fa fa-download"></i>
                    fa-download
                </li>

                <li>
                    <i class="fa fa-download-alt"></i>
                    fa-download-alt
                </li>
            </ul>
        </div>

        <div class="col-xs-6 col-sm-3">
            <ul class="list-unstyled">
                <li>
                    <i class="fa fa-edit"></i>
                    fa-edit
                </li>

                <li>
                    <i class="fa fa-envelope"></i>
                    fa-envelope
                </li>

                <li>
                    <i class="fa fa-envelope-alt"></i>
                    fa-envelope-alt
                </li>

                <li>
                    <i class="fa fa-exchange"></i>
                    fa-exchange
                </li>

                <li>
                    <i class="fa fa-exclamation-sign"></i>
                    fa-exclamation-sign
                </li>

                <li>
                    <i class="fa fa-external-link"></i>
                    fa-external-link
                </li>

                <li>
                    <i class="fa fa-eye-close"></i>
                    fa-eye-close
                </li>

                <li>
                    <i class="fa fa-eye-open"></i>
                    fa-eye-open
                </li>

                <li>
                    <i class="fa fa-facetime-video"></i>
                    fa-facetime-video
                </li>

                <li>
                    <i class="fa fa-fighter-jet"></i>
                    fa-fighter-jet
                </li>

                <li>
                    <i class="fa fa-film"></i>
                    fa-film
                </li>

                <li>
                    <i class="fa fa-filter"></i>
                    fa-filter
                </li>

                <li>
                    <i class="fa fa-fire"></i>
                    fa-fire
                </li>

                <li>
                    <i class="fa fa-flag"></i>
                    fa-flag
                </li>

                <li>
                    <i class="fa fa-folder-close"></i>
                    fa-folder-close
                </li>

                <li>
                    <i class="fa fa-folder-open"></i>
                    fa-folder-open
                </li>

                <li>
                    <i class="fa fa-folder-close-alt"></i>
                    fa-folder-close-alt
                </li>

                <li>
                    <i class="fa fa-folder-open-alt"></i>
                    fa-folder-open-alt
                </li>

                <li>
                    <i class="fa fa-food"></i>
                    fa-food
                </li>
            </ul>
        </div>

        <div class="col-xs-6 col-sm-3">
            <ul class="list-unstyled">
                <li>
                    <i class="fa fa-gift"></i>
                    fa-gift
                </li>

                <li>
                    <i class="fa fa-glass"></i>
                    fa-glass
                </li>

                <li>
                    <i class="fa fa-globe"></i>
                    fa-globe
                </li>

                <li>
                    <i class="fa fa-group"></i>
                    fa-group
                </li>

                <li>
                    <i class="fa fa-hdd"></i>
                    fa-hdd
                </li>

                <li>
                    <i class="fa fa-headphones"></i>
                    fa-headphones
                </li>

                <li>
                    <i class="fa fa-heart"></i>
                    fa-heart
                </li>

                <li>
                    <i class="fa fa-heart-empty"></i>
                    fa-heart-empty
                </li>

                <li>
                    <i class="fa fa-home"></i>
                    fa-home
                </li>

                <li>
                    <i class="fa fa-inbox"></i>
                    fa-inbox
                </li>

                <li on>
                    <i class="fa fa-info-sign"></i>
                    fa-info-sign
                </li>

                <li>
                    <i class="fa fa-key"></i>
                    fa-key
                </li>

                <li>
                    <i class="fa fa-leaf"></i>
                    fa-leaf
                </li>

                <li>
                    <i class="fa fa-laptop"></i>
                    fa-laptop
                </li>

                <li>
                    <i class="fa fa-legal"></i>
                    fa-legal
                </li>

                <li>
                    <i class="fa fa-lemon"></i>
                    fa-lemon
                </li>

                <li>
                    <i class="fa fa-lightbulb"></i>
                    fa-lightbulb
                </li>

                <li>
                    <i class="fa fa-lock"></i>
                    fa-lock
                </li>

                <li>
                    <i class="fa fa-unlock"></i>
                    fa-unlock
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
